body{padding: 10px 10px 0 10px; color: #444;background:#f1f3f5;}
.tablebody{padding: 20px 20px 0 20px;}
.copyright{line-height: 35px; display: block; clear: both}
.Container{width: 100%;float: left;background: #fff;border:1px solid #e8e9ea;/* overflow: hidden*/}
.disabledlink{color: #bbb!important; cursor: not-allowed !important;}
/*********************************************************首页可视化数据*****************************************************************************/
.HomeOperating{display: block; position: fixed; top:20px; right: 15px; z-index: 99}
.HomeOperating a{display: block; clear: both;  margin-bottom: 12px;  width: 40px; height: 40px;border-radius: 50px;font-size: 12px; float: right; position: relative;  transition:width 0.2s;  -moz-transition:width 0.2s;  -webkit-transition:width 0.2s;  -o-transition:width 0.2s;  overflow: hidden;  }
.HomeOperating a span{color: #fff;display: none}
.HomeOperating a img{float: left;display: block}
.HomeOperating a.gridsterEdit{background: #ff6f76}
.HomeOperating a.addECharts{background: #58b6ec}
.HomeOperating a.gridsterEdit i{background: #ff6f76 url("../images/Home_Edit.png") no-repeat center right; width:40px; height: 40px; float: right;position: relative;z-index:4;border-radius: 50px; }
.HomeOperating a.addECharts i{background: #58b6ec url("../images/Home_Add.png") no-repeat center right;width:40px; height: 40px; float: right;position: relative;z-index:4 ;border-radius: 50px;}
.HomeOperating a.current{ width:103px; border-radius: 50px;}
.HomeOperating a.current span{display: block;float: left;line-height: 40px; text-indent: 15px; position: absolute;top:0; left: 0; z-index:2  }
.HomeOperating a.gridsterEdit.current span{background: #ff6f76}
.HomeOperating a.addECharts.current span{background: #58b6ec;}


.Home-fix{width: 100%; height:34px;padding: 10px 0; background: #fff;position: fixed; left: 0;bottom: 0;box-shadow: 0 -3px 5px rgba(0,0,0,0.1); text-align: center; z-index: 999 ;display: none}
.Home-fix button{margin: 0 2px;}

.gridsterBox{width: 100%;float: left;}
.gridsterBox ul li{background: #fff; position: relative;box-shadow: 0 0 5px rgba(198,204,216,0.1);border-radius: 1px;}
.gridsterBox.EditBox ul li{ cursor: move}
.gridsterBox ul li .gridsterEditBox { position: absolute; right:10px;top:10px;display: none}
.gridsterBox ul li .gridsterEditBox a{ width: 20px; height: 20px; display: block;float: left; overflow: hidden; text-indent: -99px;}
.gridsterBox ul li .gridsterEditBox a.SwitchBtn{background: url("../images/Switch.png") no-repeat center}
.gridsterBox ul li .gridsterEditBox a.DelBtn{background: url("../images/Del.png") no-repeat center}

.gridsterBox ul li .rowIcon{display: block;padding: 25px;font-size: 12px;}
.gridsterBox ul li a{color: #fe6a30;}
.gridsterBox ul li a:hover{color: #fe6a30;}
.gridsterBox ul li .rowIcon img{margin-right: 25px;}
.gridsterBox ul li .rowIcon span{display: block; clear: both;font-size: 20px;}

.gridsterBox .Home-title{display: block;padding: 20px 20px 0 20px;font-size: 14px; height: 14px;line-height: 14px;}

.gridsterBox .Home-filter{display: block;position: absolute;right:20px; top:15px;}
.gridsterBox .Home-filter .select{float: left; margin-left:4px; height: 28px; line-height: 28px; font-size: 12px;width:105px; }
.gridsterBox .Home-filter .radioSel{float:left;}
.gridsterBox .Home-filter .radioSel a{display: block;float:left;width:80px; height: 28px; text-align: center;line-height: 28px;margin-right: 10px;border-radius:2px;font-size: 12px;}
.gridsterBox .Home-filter .radioSel a.current{ background: #fff3ef;color: #fe6a30}

.gridsterBox .dataCont{display: block; clear: both; height: 260px;margin-top: 26px; padding: 0 20px;position: relative}
.gridsterBox .dataContBig{display: block; clear: both; height:620px;margin-top: 26px; padding: 0 20px;}
.gridsterBox .echartsBox{display: block;width: 100%; height: 100%}
.gridsterBox .unitBox{font-size: 12px; color: #666}
.gridsterBox .unitBox .unitLeft{position: absolute;left:20px;top:0;}
.gridsterBox .unitBox .unitBottom{position: absolute;right:20px;bottom:0;}
.gridsterBox .unitBox .unitRight{position: absolute;right:20px;top:0;}

.bar-line .tit{ width: 100%;border-bottom:1px solid #e8e9ea; font-size: 12px; color: #666; margin-bottom: 20px; padding-bottom: 8px;margin-top: 15px;}
.Linebox{font-size: 12px; color: #666; width: 100%; float: left;; margin-bottom: 8px;}
.Linebox .lineNum{margin-bottom: 5px;width: 100%;float: left;}
.Linebox h3{font-size: 12px; font-weight: normal;float: left;}
.Linebox span{float: right;}
.Linebox .progressbar{width: 100%;float: left;}

/**********************************************************运营商选择**********************************************************/
.title-Tab{display: block;padding: 20px 10px 5px 10px;height: 24px;}
.title-Tab h2,.title-Tab a{ float: left;font-size: 12px;font-weight: normal; margin-right: 20px;height: 22px;line-height:12px;border-bottom: 2px solid #fff;}
.title-Tab h3,.title-Tab h3 small{font-size: 12px; font-weight: normal;}
.title-Tab a.current{color: #fe6a30;border-bottom: 2px solid #fe6a30;}

/**********************************************************表格数据**********************************************************/
table td a,table td a:hover{cursor: pointer;color: #178cdf;}
.scrollBoxTable{overflow:auto; margin-top: -1px;}
.layui-table-qxgl td{height: 30px; padding: 0 10px;}
.layui-table-qxgl td .layui-form-checkbox span {font-size: 12px; padding-left: 5px!important;}
.layui-table-qxgl td .inputlow{padding-right: 15px;float:left;}






.tablePage{float: right; height:26px; margin-top: 2px;}

.TableRow{width: 90px; height: 26px; float: right; background: #f0f2f5 url("../images/eye.png") no-repeat 10px center;border-radius: 13px; font-size: 12px;margin-left:20px; position: relative; margin-top: 1px}
.TableRow a{font-size: 12px; font-weight: normal; text-indent: 30px; line-height: 26px;display: block}
.TableRow a:hover{color: #666}
.TableRow .RowList{width:160px; max-height:210px; overflow-y:scroll; background: #fff; z-index:99; padding: 10px 0; border: 1px solid #e0e0e0; box-shadow: 0 0 5px rgba(0,0,0,0.25); position: absolute; left:-70px; top:29px; display: none}
.TableRow .RowList p{display: block; clear: both; padding:5px 10px;}
.TableRow.open .RowList{display: block}

.layui-table-view{position: relative}
.layui-table-view .layui-table th{border-bottom: 1px solid #e8e9ea;border-top:none;font-weight: bold}
.layui-table-view .layui-table th,.layui-table-view .layui-table td{font-size: 12px;color: #444; /*border-right: none;*/}
.layui-table-view .layui-table td{border-top: none; border-bottom: none}
.layui-table-view .layui-table td a{color:#178cdf; cursor: pointer}
.layui-table-view .layui-table tbody tr:hover,.layui-table-view .layui-table-hover{background: #fff3ef!important;}

.layui-table-fixed .layui-icon-down{display:none!important;}
.layui-icon-down{position:absolute;right:0; top:0;background: #fff3ef; height: 30px;line-height: 30px; cursor: pointer}

.OperatingRow{width:100%;display: block; position: relative;}
.OperatingRow a.title{width: 100%;display: block; text-indent: -99px;cursor: pointer; overflow: hidden; height:20px; background:url("../images/arr-dow-Orange.png") no-repeat center}
.OperatingRow ul{ width: 180px;display: none;background:#fff;box-shadow: 0 0 5px rgba(0,0,0,0.25);position: absolute;right:-180px;top:0; z-index: 99; padding: 5px 0;border: 1px solid #e8e9ea;}
.OperatingRow ul li{display: block; padding-left: 10px; line-height:32px; font-size: 14px; text-align: left; position: relative}
.OperatingRow ul li a{color: #444!important;display: block}
.OperatingRow ul li a:hover{color: #fe6a30!important;}
.OperatingRow ul li a.disabledlink{color: #bbb!important; cursor: not-allowed !important;}
.OperatingRow.open ul{display: block;z-index: 99;}
.OperatingRow .layui-table-grid-down{display: none}

/***********************新增二级***********************/

.OperatingRow dl{ display: none; width: 180px; padding: 3px 0;border: 1px solid #58b6ec;border-radius: 2px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.25); z-index: 99; position: absolute;left:180px; top: 0}
.OperatingRow dl dd{width: 100%; height: 30px; line-height: 30px; position: relative}
.OperatingRow dl a{font-size: 14px; font-weight: normal; padding: 0 10px;display: block}
.OperatingRow dl a:hover,
.OperatingRow ul li:hover  h3 a{color: #fe6a30}
.OperatingRow ul li:hover dl{display: block}
.OperatingRow.open {display: block}
.OperatingRow ul li.select{background: url("../images/arr-right.png") no-repeat 164px center;}

/************************tab选项卡样式***********************/


.tab{ position: relative;    width: 100%;float: left;}
.tab .tab-title{position:absolute; left:0; top:0; bottom:0; width: 150px; display: block ;background: #f6f8fa; z-index: 999 }
.tab .tab-title li{ width: 100%; height: 45px; text-indent:20px;line-height:45px; font-size: 12px;  cursor: pointer; }
.tab .tab-title li.lthis{ background: #fff; color:#fe6a30}

.tab .tab-content { background: #fff;  display: block;  float: left;  width: 100%;  position: relative;  z-index: 99;  }
.tab .tab-content .tabCont {  border-left: 150px #eee solid;  padding: 0 20px 0 20px;  }
.tab .tab-content .tab-item{ display: none;}
.tab .tab-content .tab-item.layui-show{  display: block}
.tab .tab-content .layui-table th{border-right:1px solid #e8e9ea;}
.tab .tab-content .layui-table th:first-child , .tab .tab-content .layui-table td:first-child{border-left:1px solid #e8e9ea;}
.tab .tab-content .layui-table td span{ color:#268cc8; padding:0 5px;}
.tab .tab-content .layui-table .layui-table-header{background: #fdd}
.Percent_info{ padding-left: 30px; font-size: 12px; position: absolute; left: 0; bottom:10px; color: #444;}
.Percent_info span{float:left; margin-right: 5px; line-height: 18px;}
.Percent_info span i{ float: left; width:8px; height: 8px; margin: 5px 5px 0; border-radius: 2px; display: block; background: #ff6065;}
.Percent_info span:nth-child(2) i{ background: #fda75c;}
.Percent_info span:last-child i{ background: #58b6ec}
.tab .tab-content .layui-table-header{  overflow: inherit;border-bottom: none}
.tab .tab-content .layui-table-header .layui-table{margin: 0;}
.tab .layui-table-view .layui-table{border-bottom: 1px solid #e8e9ea;}


/************************渠道Table卡样式***********************/
/*新增按钮样式*/
.title-qd{margin: 20px 20px 0 20px; }
.title-qd h2{ font-size: 12px;}
.qd-table{display: block; margin: 20px; border-left:1px solid #e8e9ea;border-right:1px solid #e8e9ea; position: relative }
.qd-table table{width: 100%; line-height: 40px;}
.qd-table table th{ background: #f1f3f5; font-size: 12px; text-align:center; border-top:1px solid #e8e9ea; border-bottom:1px solid #e8e9ea;}
.qd-table table td{ border-bottom:1px solid #e8e9ea; font-size: 12px;text-align:center;}
.qd-table table td #password{ background: none;  border:#fff; text-align:center;outline: none; }
.qd-table table td span{ color:#268cc8; padding:0 5px;}

.title-qd .titleTab{display: block;height:40px; padding-left:20px;}
.title-qd .titleTab a{float: left;display: block;  height: 38px; margin-right:20px; line-height:38px; text-align: center; cursor: pointer; color: #444; font-size: 14px;}
.title-qd .titleTab a.current{border-bottom:2px solid #fe6a30; color: #fe6a30;}

/*********************汇总统计******************************/
.info_title{ width: 100%; font-size: 14px; position: relative; line-height: 40px; border-bottom: 1px solid #e8e9ea; margin: 0;}
.info_title h2{ padding-left: 20px; font-size: 14px; }
.info_title .info_show{ width: 50px;position:absolute; top:0; right:30px;background: url(../images/arr-dow-Orange.png) no-repeat  right; cursor: pointer}
.info_box{ width: 100%;}
.info_box ul{width: 100%; margin:30px 0; display: -webkit-box;}
.info_box ul li{padding-left: 30px; border-left:1px solid #e8e9ea ; -webkit-box-flex: 5;}
.info_box ul li:first-child{border:none;}
.info_box ul li img{float: left; width: 36px; height: 36px; margin:5px 20px;}
.info_box ul li p{font-size: 12px; color: #666;}
.info_box ul li span{font-size: 20px;color: #444;}


.info_box1 , .info_box2{ width: 100%;  }
.info_box1 ul { padding: 0 10%; margin:23px 20px ; width:26%; float: left; display: -webkit-box; }
.info_box1 .b_l { border-right: 1px solid #e8e9ea; }
.info_box1 ul li {   padding:0 15px;   -webkit-box-flex: 1;}
.info_box2 ul{ padding:0 5%; margin:23px 0; width: 23%; float: left; display: -webkit-box; }
.info_box2 .b_l{ border-right: 1px solid #e8e9ea; }
.info_box2 ul li{    -webkit-box-flex: 3;}
.info_box1 ul li div , .info_box2 ul li div{ float: left; margin:0 auto; }
.info_box1 ul li img , .info_box2 ul li img{float: left;  width: 21px; height:20px; margin-right:10px;  }
.info_box1 ul li p , .info_box2 ul li p{float: left; font-size: 12px; color: #444; line-height: 20px;text-align: center;}
.info_box1 ul li span , .info_box2 ul li span{font-size: 20px ;color: #444; line-height: 40px;     }



/*********************进度条样式******************************/
.tableline .layui-progress { position: relative; top:8px; width:80px; height:4px; border-radius: 20px; background-color: #e2e2e2;}
.tableline  .layui-progress-bar{height:4px; }
.tableline .layui-progress .layui-bg-red {background-color: #ff6065 !important;}
.tableline .layui-progress .layui-bg-orange{background-color: #fda75c !important;}
.tableline .layui-progress .layui-bg-blue{background-color: #58b6ec !important;}
.tableline .layui-progress .layui-progress-text{ position: absolute;left: 90px;top:-6px;}


/*********************渠道分配样式**********layui-table********************/
.qudao_left{ width: 160px; padding: 10px; float: left; display: block; }
.qudao_left h2{ font-size: 14px; margin-bottom: 5px;}

.qudao_table .layui-table-view{border-bottom: none;margin: 0}

.qudao_table .layui-table-header{overflow: hidden}
.qudao_table .layui-table-body td{border-right: 1px solid #eee; margin: 0}


.tableSearch2{width: 160px; height:28px; border-bottom:1px solid #dcddde;position: relative;float: left;}
.tableSearch2 input{width:130px; padding: 0;height:27px; font-size: 12px;border:none;-webkit-appearance:none;line-height:1}
.tableSearch2 button{width: 30px; height: 30px; background: url("../images/search.png") no-repeat center; position: absolute; right:0; top:0;border:none; text-indent: -99px; cursor: pointer;overflow: hidden}
.tableSearc_content_wrap{width: 160px;  margin-top: 1px; overflow-y: auto;}

#TableZtreeCheck *{ font-size: 12px;}
#TableZtreeCheck li a span{font-size: 12px; line-height: 30px;}
#TableZtreeCheck li a:hover , #TableZtreeCheck li:hover , #TableZtreeCheck li a span:hover {background: none; color:#fe6a30 !important; font-size: 12px!important; height: 30px; line-height: 30px;}
#TableZtreeCheck li a.curSelectedNode{background: #fff; color:#fe6a30 !important;}

.TableCont2{ margin-left:170px;  padding: 0 20px;  position: relative}
.TableCont2 .no_qudao{ position: absolute; left:0; top:35%; width: 100%; text-align: center;z-index: 22}
.TableCont2 .no_qudao p{ text-align: center;font-size: 16px; line-height: 40px; color: #e2e3e4;}
#TableZtreeCheck{ padding-top:10px;}

#TableZtreeCheck li span:hover{ color: #444444;}
#TableZtreeCheck li span.button.switch{  width: 17px; height: 17px; margin-top:5px;margin-right:5px; float: left;}
#TableZtreeCheck  li span.button.roots_open {  background-position: -110px -84px;  }
#TableZtreeCheck li span.button.center_open{  background-position: -110px -84px;  }
#TableZtreeCheck li span.button.roots_close{  background-position: -131px -84px;  }
#TableZtreeCheck li span.button.center_close{  background-position: -131px -84px;}
.TableCont2 .TableColme{display: block; padding: 10px; height: 30px;}





